<template>
  <view class="flex-col page">
    <view class="flex-col group">
      <view class="flex-col section_1 u-m-b-20" v-for="(item,index) in process" :key="index">
        <view class="justify-between group_1">
          <text class="text_1">延期工种</text>
          <text class="text_3">{{item.temporaryConstructionName}}</text>
        </view>
        <view class="justify-between group_2">
          <text class="text_5">延期工时</text>
          <text class="text_7">{{item.temporaryConstructionTime}}工作日</text>
        </view>
        <text class="text_9">延期原因</text>
        <text class="text_11">{{item.remarks}}</text>
      </view>
  
    </view>
  </view>
</template>

<script>
  export default {
    components: {},
	onShow() {
	  this.getFamily();	
	  
	},
    data() {
      return {
		  family:{},
		  process:[]
	  };
    },
    methods: {
		getFamily()
		{
			this.$http('lhouse.query').then(r => {
			 if(r.code==200 )
				{	
				   this.family=r.data.project;
				   // this.getProcess(this.family.projectId)
				   this.homedelay(this.family.projectId)
				}
			});
		},
		homedelay(projectId)
		{
			this.$http('check.homedelay',{
				projectId:projectId
			}).then(r=>{
				if(r.code==200)
				{
					this.process=r.data
				}
			});
		}
	},
  };
</script>

<style scoped lang="scss">
  .section_1 {
    padding: 0rpx 30rpx 41rpx 32rpx;
    background-color: #ffffffff;
  }
  .group_2 {
    padding: 30rpx 0 41rpx;
    border-bottom: solid 1rpx #eeeeee;
  }
  .text_1 {
    color: #333333;
    font-size: 28rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 33rpx;
  }
  .text_3 {
    color: #333333;
    font-size: 28rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 33rpx;
  }
  .text_5 {
    color: #333333;
    font-size: 28rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 33rpx;
  }
  .text_7 {
    color: #333333;
    font-size: 28rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 33rpx;
  }
  .text_9 {
    margin-top: 30rpx;
    align-self: flex-start;
    color: #333333;
    font-size: 28rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 33rpx;
  }
  .text_11 {
    margin-top: 31rpx;
    align-self: flex-start;
    color: #333333;
    font-size: 28rpx;
    font-family: '.AppleSystemUIFont';
    line-height: 33rpx;
  }
  .page {
    background-color: #f6f7f9;
    width: 100vw;
    overflow-y: auto;
    overflow-x: hidden;
    height: 100vh;
  }
  .group {
    padding-bottom: 430rpx;
    flex: 1 1 auto;
    overflow-y: auto;
  }
  .view_2 {
    margin-top: 20rpx;
  }
  .group_1 {
    padding: 29rpx 0 41rpx;
    border-bottom: solid 1rpx #eeeeee;
  }
</style>